@charset "UTF-8";
@import url(../../icon/style.css);
* {
  padding: 0;
  margin: 0;
  font-family: 黑体, serif; }

@media screen and (max-width: 720px) {
  .container {
    width: 100%; } }

@media screen and (min-width: 1140px) {
  .container {
    width: 1140px; } }

.container {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto; }

.container-full {
  width: 100%; }

body {
  color: #1b1e22; }

.button {
  border: 1px #1b1e22;
  background-color: #d0d0d0;
  color: #1b1e22;
  border-radius: 4px; }

.nav {
  list-style: none;
  position: relative;
  z-index: 10; }

.nav li {
  display: inline-block;
  padding: 0 24px; }

.nav li:hover {
  cursor: pointer; }

.nav-animate-block {
  background: #267dba;
  position: absolute;
  top: 0;
  transition: left .3s, width .3s;
  height: 100%; }

.nav-animate-block-transparent {
  background: #5f6977; }

.nav-frame {
  position: relative; }
